<template>
    <layout>
        <template #header>
            <pageHead title="新人必读"/>
        </template>
        <view class="content">
            <view @click="toDetail(i)" class="item flex flex-bt" v-for="i in 20" :key="i">
                <view>
                    <view class="ellipsis-2 fs-32 c-90">这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题这里是公告标题</view>
                    <view class="im fs-28 c-60">立即查看</view>
                </view>
                <image src="../../assets/images/logo.png"></image>
            </view>
        </view>
    </layout>
</template>
<script>
import layout from '../../compennts/layout/index.vue'
import pageHead from '../../compennts/pageHead/index.vue'
export default{
    components:{
        layout,
        pageHead
    },   
    methods: {
        toDetail(id){
            uni.navigateTo({
                url: `/pages/mine/message/detail?id=${id}`
            })
        }
    },
}
</script>
<style lang="less" scoped>
    @import url('../../assets/styles/common.less');
    .content{
        padding: 32rpx;
        height: 100%;
        overflow: scroll;
        .item{
            padding: 32rpx;
            border-radius: 16rpx;
            background: #ffffff;
            margin-bottom: 32rpx;
            &:nth-last-child(1){
                margin:0
            }
            .im{
                margin-top: 24rpx;
            }
            image{
                width: 240rpx;
                height: 180rpx;
                flex-shrink: 0;
                margin-left: 32rpx;
            }
        }
    }
</style>